<div class="row">
  <x-buttons>
    <x-button>A</x-button>
    <x-button>B</x-button>
    <x-button>C</x-button>
    <x-button>D</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-chevron-left">上一页</x-button>
    <x-button icon="fto-chevron-right" direction="row-reverse">下一页</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-edit-3"></x-button>
    <x-button icon="fto-share"></x-button>
    <x-button icon="fto-trash-2"></x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons>
    <x-button type="primary">A</x-button>
    <x-button type="primary">B</x-button>
    <x-button type="primary">C</x-button>
    <x-button type="primary">D</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-chevron-left" type="primary">上一页</x-button>
    <x-button icon="fto-chevron-right" direction="row-reverse" type="primary">下一页</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-edit-3" type="primary"></x-button>
    <x-button icon="fto-share" type="primary"></x-button>
    <x-button icon="fto-trash-2" type="primary"></x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons>
    <x-button plain>A</x-button>
    <x-button plain>B</x-button>
    <x-button plain>C</x-button>
    <x-button plain>D</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-chevron-left" plain>上一页</x-button>
    <x-button icon="fto-chevron-right" direction="row-reverse" plain>下一页</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-edit-3" plain></x-button>
    <x-button icon="fto-share" plain></x-button>
    <x-button icon="fto-trash-2" plain></x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons>
    <x-button type="primary" plain>A</x-button>
    <x-button type="primary" plain>B</x-button>
    <x-button type="primary" plain>C</x-button>
    <x-button type="primary" plain>D</x-button>
  </x-buttons>
  <x-buttons>
    <x-button type="primary" icon="fto-chevron-left" plain>上一页</x-button>
    <x-button type="primary" icon="fto-chevron-right" direction="row-reverse" plain>下一页</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-edit-3" type="primary" plain></x-button>
    <x-button icon="fto-share" type="primary" plain></x-button>
    <x-button icon="fto-trash-2" type="primary" plain></x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons>
    <x-button round>A</x-button>
    <x-button round>B</x-button>
    <x-button round>C</x-button>
    <x-button round>D</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-chevron-left" round>上一页</x-button>
    <x-button icon="fto-chevron-right" direction="row-reverse" round>下一页</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-edit-3" round></x-button>
    <x-button icon="fto-share" round></x-button>
    <x-button icon="fto-trash-2" round></x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons>
    <x-button type="primary" round>A</x-button>
    <x-button type="primary" round>B</x-button>
    <x-button type="primary" round>C</x-button>
    <x-button type="primary" round>D</x-button>
  </x-buttons>
  <x-buttons>
    <x-button type="primary" icon="fto-chevron-left" round>上一页</x-button>
    <x-button type="primary" icon="fto-chevron-right" direction="row-reverse" round>下一页</x-button>
  </x-buttons>
  <x-buttons>
    <x-button icon="fto-edit-3" type="primary" round></x-button>
    <x-button icon="fto-share" type="primary" round></x-button>
    <x-button icon="fto-trash-2" type="primary" round></x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons space="1">
    <x-button>上一页</x-button>
    <x-button>1</x-button>
    <x-button>2</x-button>
    <x-button>3</x-button>
    <x-button>4</x-button>
    <x-button>下一页</x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons space="0.5">
    <x-button type="primary">A</x-button>
    <x-button type="primary">B</x-button>
    <x-button type="primary">C</x-button>
    <x-button type="primary">D</x-button>
  </x-buttons>
</div>
<div class="row">
  <x-buttons space="0.5" hiddenBorder>
    <x-button icon="fto-edit-3" onlyIcon></x-button>
    <x-button icon="fto-share" onlyIcon></x-button>
    <x-button icon="fto-trash-2" onlyIcon></x-button>
    <x-button icon="fto-search" onlyIcon></x-button>
    <x-button icon="fto-upload-cloud" onlyIcon></x-button>
  </x-buttons>
</div>
